<section class="header-page">
  <div class="inner">
    <h1 class="header-title"><%= 'Global Forest Watch <span>Terms of Service</span>'.html_safe %></h1>
    <p class="header-description">Please click "I Agree" to continue</p>
  </div>
</section>

<!-- TERMS -->
<section class="terms-section">
  <div class="inner">
    <div contenteditable='false' class='terms_field'>
      <%= render 'terms' %>
    </div>
    <div class="terms-footer notranslate">
      <%= button_tag 'I agree', class: 'btn green huge continue', :'data-source' => "accept_terms" %>
      <a href="/" class="btn gray huge cancel">I do not agree</a>
      <div class="terms-footer-more">
        <p><%= link_to 'Why do I have to agree to a Terms of Service?', root_path, class: 'why_terms', :'data-source' => "why_accept_terms" %></p>
        <p class='last'>For additional information about GFW, please send an email to <a href='mailto:gfw@wri.org'>gfw@wri.org</a></p>
      </div>
    </div>
  </div>
</section>

<!-- TERMS DIALOG -->
<div id="sources" class="sources is-hidden">
  <article id="accept_terms">
    <div class="terms-modal">
      <h2>Please confirm</h2>
      <div class='source_body'>
        <p class="notranslate">You acknowledge that you have read and agree to the Global Forest Watch Terms of Service.</p>

        <%= form_tag("/accept", { :class => 'terms-form notranslate' }) do %>
          <%= submit_tag "I agree", class: 'btn accept_btn green huge uppercase' %>
          <%= button_tag 'I do not agree', class: 'btn cancel_btn gray huge uppercase', type: 'button', :'data-href' => "/"  %>
        <% end %>
      </div>
    </div>
  </article>
  <article id='why_accept_terms'>
    <h2 class='source_title notranslate'>Why accept?</h2>
    <div class='source_body'>
      <p class="notranslate">Why are we, the Global Forest Watch team, asking you, our user, to agree to a Terms of Service?</p>
      <p class="notranslate">The answer is simple. This website and the open data within it is powerful. It exposes us to a huge risk.</p>
      <p class="notranslate">Without the proper legal protection, Global Forest Watch and our supporters could be vulnerable to lawsuits or other legal actions. This could diminish our capabilities and distract us from showing the world exactly where and when forest loss is happening.</p>
      <p class="notranslate">We seek to transform the way forests are managed and protected by governments, businesses, and communities around the world. We can’t do that if we’re sued and the website is taken down.</p>
      <p class="notranslate">So thank you, truly, for understanding why we’re asking you to agree to a Terms of Service. Please join us in making Global Forest Watch a powerful tool for people everywhere.</p>
    </div>
  </article>
</div>
